<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章列表</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container">
       <div class="row">
            <div class="col-9 order-2">
            <h5>这是最新的文章列表</h5>
            <ul>
                <li>
                    文章标题一  作者  日期
                </li>
                 <li>
                    文章标题二  作者  日期
                </li>
                 <li>
                    文章标题三  作者  日期
                </li>
            </ul>
        </div>
          <div class="col-3 order-1">
            <h5>导航栏</h5>
            <ul>
                <li>
                    首页
                </li>
                 <li>
                    视频直播
                </li>
                 <li>
                    视频回放
                </li>
            </ul>
        </div>
       </div>
    </div>
</body>
</html>